<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="style.css" />
		<link rel="stylesheet"  type="text/css" title="Exemple" href="CSS/slider.css"/>
		<link rel="stylesheet"  type="text/css" title="Exemple" href="CSS/index.css"/>
		<link rel="stylesheet"  type="text/css" title="Exemple" href="CSS/nav.css"/>

		<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<title>Anciens IG</title>
	</head>

	<!--[if IE 6 ]><body class="ie6 old_ie"><![endif]-->
	<!--[if IE 7 ]><body class="ie7 old_ie"><![endif]-->
	<!--[if IE 8 ]><body class="ie8"><![endif]-->
	<!--[if IE 9 ]><body class="ie9"><![endif]-->
	<!--[if !IE]><!-->
	<body>
		<!--<![endif]-->

		<div id="bloc_page">
			<header>
				<div id="titre_principal">

					<img src="images/logo.png"  id="logo" />

				</div>

				<nav>
					<ul>
						<?php
						session_start();

						if (isset($_GET['string']) && $_GET['string'] == 'logout') {
							echo "Successfully logged out.";
						}

						if (isset($_SESSION['signed_in']) && $_SESSION['signed_in']) {
							echo 'Hello <b>' . htmlentities($_SESSION['user_email']) . '</b>. Not you? <a class="item" href="logout.php">Sign out</a>';
						} else {
							echo '<a class="item" href="login.php">Sign in</a> or <a class="item" href="inscription.php">create an account</a>.';
						}
						?>

						<li>
							<a href="index.php">Accueil</a>
						</li>

						<?php
if (isset($_SESSION['signed_in']) && $_SESSION['signed_in']) {
						?>
						<li>
							<a href="public_profile.php">My profile</a>
						</li>

						<li>
							<a href="forum/index.php">Forum</a>
						</li>
						<li>
							<a href="chat/chatrooms.php">Chat</a>
						</li>
						<?php
						} else {
						?>
						<li>
							<a href="inscription.php">Inscription</a>
						</li>
						<?php
						}
						?>
					</ul>
				</nav>
			</header>

			<div id="slider_image">
				<div id="banniere_description">

					<!----------------------------------------Cette partie concerne le SLIDER ---------------------------------------->

					<div id="slider">

						<div id="mask">
							<ul id="image_container">
								<li><img src="images/slider-img1.jpg"  width ="900"  height ="300">
								</li>
								<li><img src="images/slider-img2.jpg"  width ="900"  height ="300">
								</li>
								<li><img src="images/slider-img3.jpg"  width ="900"  height ="300">
								</li>
								<li><img src="images/slider-img4.jpg"  width ="900"  height ="300">
								</li>

							</ul>
						</div>
						<img src="images/glass.png" id="glass" width ="900"  height ="300">

						<ul id="dots">

							<li class="button1" onClick="changeImage(1)" ></li>
							<li class="button2" onClick="changeImage(2)" ></li>
							<li class="button3" onClick="changeImage(3)" ></li>
							<li class="button4" onClick="changeImage(4)" ></li>

						</ul>

						<img src="images/fleche-gauche.png" id="fleche_gauche" class="fleche" onClick="prevImage()" >
						<img src="images/fleche-droite.png" id="fleche_droite" class="fleche" onClick="nextImage()" >
					</div>

					<script LANGUAGE="Javascript" src="script/JQ.js"></script>
					<!--appel du script JQ.js qui anime les images-->
